<template>
  <div class="box">
      <div class="tabulatese">
          <div class="row">
              <button @click="fun('/code')">
                    <h3>会员码</h3>
                    <span class="men">门店扫码积分和阿喜有礼卡支付</span>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>兑换中心</h3>
                    <span class="dui">兑换星球会员、喜茶劵和阿喜有礼卡</span>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>主题封面</h3>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>发票助手</h3>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>联系客服</h3>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>消息中心</h3>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
              <button @click="fun('/')">
                    <h3>设置</h3>
                    <img src="@/assets/kang/8.png" alt="">
              </button>
          </div>
      </div>
  </div>
</template>

<script>
export default {
        methods:{
            fun(url){
            
                this.$router.push(url)
            },
            funb(url){
         
                this.$router.replace(url)
            }
        }
}
</script>

<style scoped>
    .box{
        width: 100%;
        height: 100%;
    }
    .tabulatese{
        height: 4.27rem;
        /* background-color: wheat; */
    }
    .row{
        width: 95%;
        height: 100%;
        /* background-color: azure; */
        float: right;
    }
    .row>button{
        width: 100%;
        height: 0.6rem;
        background: none;
        border: none;
        border-bottom: 0.01rem solid gainsboro;
   }
   
   button>h3{
       float: left;
   }
   button>.men{
       margin-left: 0.5rem;
       color: gray;
       font-size: 0.15rem;
   }
   button>.dui{
       margin-left: 0.04rem;
       color: gray;
       font-size: 0.15rem;
   }
   button>img{
       float: right;
       margin: 0.05rem 0.15rem 0 0;
   }
</style>